<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Albites</title>
<link rel="stylesheet" type="text/css" media="all" href="css/960.css" />
<link rel="stylesheet" type="text/css" media="all" href="css/style.css" />
<!-- Start menu css and js files here -->
<link rel="stylesheet" type="text/css" href="css/superfish.css" media="screen" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/hoverIntent.js"></script>
<script type="text/javascript" src="js/superfish.js"></script>
<script type="text/javascript">
		// initialise plugins
		jQuery(function(){
			jQuery('ul.sf-menu').superfish();
		});
</script>
<!-- End menu css and js files here -->
<!-- Begin featured slider css & js files -->
<link rel="stylesheet" type="text/css" media="all" href="css/featuredslider.css" />
<script type="text/javascript" src="js/script.js"></script>
<!-- End featured slider css & js files -->
<!--[if IE 6]>
<script type='text/javascript' src='js/dd_belated_png.js'></script>
<script>DD_belatedPNG.fix('.pngfix');</script>
<![endif]-->

</head>
<body>
<div class="header">
	<div class="bg">    <!--start:header -->
      <div class="container_16">
            <!--start:header container -->
            <!--start:logo -->
            <div class="grid_5"> 
			<img src="images/logo.png" alt="DesignPlus" class="pngfix logo"/>
			</div>
            <!--end:logo -->
            <div class="grid_11">
                  <!--start:menu grid -->
                  <div class="top-menu pngfix">
                        <!--start:menu top-menu -->
                        <ul class="sf-menu">
                              <!--start:sf-menu -->
                           <li> <a href="home">Home</a> </li>
                                <li> <a href="berita?halaman=daftarberita">Berita</a> </li>
                                <li> <a href="hitungKalori?halaman=hitungKalori">Hitung Kalorimu</a> </li>
                                <li> <a href="user?halaman=tentangkami">Tentang Kami</a> </li>
                                <li> <a href="user?halaman=loginprofil">Login</a> </li>
                                <li> <a href="user?halaman=registrasi">Regitrasi</a> </li>   
                        </ul>
                        <!--end:sf-menu -->
                        <span class="rightcorner pngfix"></span> </div>
                  <!--end:menu top-menu -->
            </div>
            <!--end:menu grid -->
            <div class="clear">&nbsp;</div>
            <div class="grid_16">
                  <!--start:featured slider grid -->
                  <div class="slider_bg pngfix">
                        <!--start:slider_bg -->
                        <ul id="slideshow">
                              <!--start:slideshow -->
                              <li>
                                    <!--start:slideshow content and image -->
                                    <h3>Albites</h3>
                                    <span>photos/1.jpg</span>
                                    <!--an image only -->
                                    <p> All About Diabetes<br /></p>
                                    <img src="photos/1.jpg" alt="img-1" />
                                    <!--an image thumbnail only -->
                              </li>
                              <!--end:slideshow content and image -->
                              <li>
                                    <!--start:slideshow content and image -->
                                    <h3>Albites</h3>
                                    <span>photos/2.jpg</span>
                                    <!--an image only -->
                                    <p> All About Diabetes<br /></p>
                                    <img src="photos/2.jpg" alt="img-2" />
                                    <!--an image thumbnail only -->
                              </li>
                              <!--end:slideshow content and image -->
                              <li>
                                    <!--start:slideshow content and image -->
                                    <h3>Albites</h3>
                                    <span>photos/3.jpg</span>
                                    <!--an image only -->
                                    <p> All About Diabetes<br /></p>
                                    <img src="photos/3.jpg" alt="img-3" />
                                    <!--an image thumbnail only -->
                              </li>
                              <!--end:slideshow content and image -->
                              <li>
                                    <!--start:slideshow content and image -->
                                    <h3>Albites</h3>
                                    <span>photos/4.jpg</span>
                                    <!--an image only -->
                                    <p> All About Diabetes<br /></p>
                                    <img src="photos/4.jpg" alt="img-4" />
                                    <!--an image thumbnail only -->
                              </li>
                              <!--end:slideshow content and image -->
                             <li>
                                    <!--start:slideshow content and image -->
                                    <h3>Albites</h3>
                                    <span>photos/5.jpg</span>
                                    <!--an image only -->
                                    <p> All About Diabetes<br /></p>
                                    <img src="photos/5.jpg" alt="img-1" />
                                    <!--an image thumbnail only -->
                              </li>
                              <!--end:slideshow content and image -->
                              <li>
                                    <!--start:slideshow content and image -->
                                    <h3>Albites</h3>
                                    <span>photos/6.jpg</span>
                                    <!--an image only -->
                                    <p> All About Diabetes<br /></p>
                                    <img src="photos/6.jpg" alt="img-2" />
                                    <!--an image thumbnail only -->
                              </li>
                              <!--end:slideshow content and image -->
                              <li>
                                    <!--start:slideshow content and image -->
                                    <h3>Albites</h3>
                                    <span>photos/7.jpg</span>
                                    <!--an image only -->
                                    <p> All About Diabetes<br /></p>
                                    <img src="photos/7.jpg" alt="img-4" />
                                    <!--an image thumbnail only -->
                              </li>
                              <!--end:slideshow content and image -->
                              <li>
                                    <!--start:slideshow content and image -->
                                    <h3>Albites</h3>
                                    <span>photos/8.jpg</span>
                                    <!--an image only -->
                                    <p> All About Diabetes<br /></p>
                                    <img src="photos/8.jpg" alt="img-3" />
                                    <!--an image thumbnail only -->
                              </li>
                              <!--end:slideshow content and image -->
                              <li>
                                    <!--start:slideshow content and image -->
                                    <h3>Albites</h3>
                                    <span>photos/9.jpg</span>
                                    <!--an image only -->
                                    <p> All About Diabetes<br /></p>
                                    <img src="photos/9.jpg" alt="img-1" />
                                    <!--an image thumbnail only -->
                              </li>
                              <!--end:slideshow content and image -->
                              <li>
                                    <!--start:slideshow content and image -->
                                    <h3>Albites</h3>
                                    <span>photos/10.jpg</span>
                                    <!--an image only -->
                                    <p> All About Diabetes<br /></p>
                                    <img src="photos/10.jpg" alt="img-2" />
                                    <!--an image thumbnail only -->
                              </li>
                              <!--end:slideshow content and image -->
                              <li>
                                    <!--start:slideshow content and image -->
                                    <h3>Albites</h3>
                                    <span>photos/11.jpg</span>
                                    <!--an image only -->
                                    <p> All About Diabetes<br /></p>
                                    <img src="photos/11.jpg" alt="img-4" />
                                    <!--an image thumbnail only -->
                              </li>
                              <!--end:slideshow content and image -->
                        </ul>
                        <!--end:slideshow -->
                        <div id="wrapper">
                              <!--start:wrapper -->
                              <div id="fullsize">
                                    <!--start:fullsize -->
                                    <div id="imgprev" class="imgnav pngfix" title="Previous"></div>
                                    <div id="imglink"></div>
                                    <div id="imgnext" class="imgnav pngfix" title="Next"></div>
                                    <div id="image"></div>
                                    <div id="information">
                                          <!--start:information -->
                                          <h3></h3>
                                          <p></p>
                                    </div>
                                    <!--end:information -->
                              </div>
                              <!--end:fullsize -->
                              <div id="thumbnails">
                                    <!--start:thumbnails -->
                                    <div id="slideleft" title="Slide Left"></div>
                                    <div id="slidearea">
                                          <!--start:slidearea -->
                                          <div id="slider"></div>
                                    </div>
                                    <!--start:slidearea -->
                                    <div id="slideright" title="Slide Right"></div>
                              </div>
                              <!--end:thumbnails -->
                        </div>
                        <!--end:wrapper -->
                  </div>
                  <!--end:slider_bg -->
            </div>
            <!--start:featured slider grid -->
            <!--start:featured slider script -->
            <script type="text/javascript">
	$('slideshow').style.display='none';
	$('wrapper').style.display='block';
	var slideshow=new TINY.slideshow("slideshow");
	window.onload=function(){
		slideshow.auto=true;
		slideshow.speed=5;
		slideshow.link="linkhover";
		slideshow.info="information";
		slideshow.thumbs="slider";
		slideshow.left="slideleft";
		slideshow.right="slideright";
		slideshow.scrollSpeed=4;
		slideshow.spacing=5;
		slideshow.active="#aaa";
		slideshow.init("slideshow","image","imgprev","imgnext","imglink");
	}
</script>
            <!--send:featured slider script -->
      </div>
      <!--end:header container -->
	 </div>
</div>
<!--end:header -->
<div class="clear">&nbsp;</div>
<div class="container_16">
      <!--start:content container -->
      <div class="grid_11 sepline">
            <!--start:left content grid -->
            <div class="box-content">
                  <!--start:box-content -->
                  <h1>Form Login</h1>
        <br><br>
        <form method="post" action="user?halaman=sudahlogin">
            <fieldset align="center">
                Username :
                <input type="text" name="username" />
                <br><br>
                Password :
                <input type="password" name="password" />
                <br><br>
                <input type="submit" value="Login" />
            </fieldset>
        </form>
        <br><br>
        <a href="user?halaman=awal">Kembali ke Halaman Awal</a>
                  
            </div>
            <!--end:box-content -->
      </div>
      <!--end:left content grid -->
      <div class="grid_5">
            <!--start:right content grid -->
            <div class="box-content">
                  <!--start:box-content -->
                  <!--End About me-->
                  <h2>Tentang Kami</h2>
                  <p>Kami adalah mahasiswa Sistem Informasi ITS angkatan 2009, yaitu Andhika Putra (5209100147) dan Riskha Dwi (5209100063)<br />
				  <a href="user?halaman=tentangkami" class="readmore rightalign">more..</a><br />
				  </p>
                  <br />
                  <!--End About me-->
                  <!--Start Featured work image-->
                  <h2>Albites</h2>
                  <img src="images/featured_work.jpg" alt="feaured-image" class="img_border" />
                  <!--End Featured work image-->
                  <!--Start Twitter-->
                  <div class="twitter"> <img src="images/twitter.gif" alt="twitter" />
                        <p>ayoo follow twitter kami.. tunggu yaa.. </p>
                  </div>
                  <!--End Twitter-->
            </div>
            <!--end:box-content -->
      </div>
      <!--end:right content grid -->
</div>
<!--end:content container -->
<div class="clear"></div>
<!-- End middle content -->
<div class="footer">
      <!--start:footer -->
      <div class="container_16">
            <!--start:footer container -->
            <div class="footer_left">
                  <!--start:footer left part-->
                  <p> &copy; Copyright 2009 All Rights Reserved by <a href="#">Ornare.com</a></p>
	       </div>
            <!--start:footer left part-->
            <div class="footer_right">
                  <!--start:footer right part-->
                  <p>Designed and Developed by <a href="http://www.themeflash.com" target="_blank">Themeflash.com</a></p>
            </div>
            <!--end:footer right part-->
      </div>
      <!--end:footer container -->
</div>
<!--end:footer -->
</body>
</html>
